<!DOCTYPE html>
<html>

<head>
    <title>后台管理系统</title>
    <link rel="stylesheet" href="./CSS/common.css">
    <link rel="stylesheet" href="./CSS/home.css">
    <link rel="stylesheet" href="./ICON/download/font_4103995_jl14o1ti0dc/iconfont.css">
    <script>
        // JavaScript代码，用于实现菜单折叠功能
        document.addEventListener('DOMContentLoaded', function() {
            var menuItems = document.querySelectorAll('.menu > li');

            menuItems.forEach(function(item) {
                var submenu = item.querySelector('.sub-menu');
                var link = item.querySelector('a');

                if (submenu) {
                    link.addEventListener('click', function(event) {
                        event.preventDefault();
                        let _display = submenu.style.display
                        submenu.style.display = _display == 'block' ? 'none' : 'block'
                    });
                }
            });
        });
    </script>
</head>

<body>
    <div class="header">
        <h1>游戏后台管理系统 v1.0</h1>
        <div class="userinfo">
            <div class="cover">
                <img src="./用户头像.jpg" alt="">
            </div>
            <p><span class="username"></span>&nbsp;(<span class="email"></span>)</p>
            <p class="icon_p"><span onclick="jumpUrl('password_update.html')" class="iconfont icon-mima"></span><span onclick="out()" class="iconfont icon-tuichu"></span></p>
        </div>
    </div>
    <div class="sidebar">
        <ul class="menu">
            <li>
                <a href="#">用户模块</a>
                <ul class="sub-menu">
                    <li onclick="jumpUrl('users.html')"><a href="#">用户列表</a></li>
                </ul>
            </li>
            <li>
                <a href="#">游戏模块</a>
                <ul class="sub-menu">
                    <li onclick="jumpUrl('games.html')"><a href="#">游戏列表</a></li>
                    <li onclick="jumpUrl('game_add.html')"><a href="#">添加游戏</a></li>
                </ul>
            </li>
            <li>
                <a href="# ">角色模块</a>
                <ul class="sub-menu">
                    <li onclick="jumpUrl('roles.html')"><a href="# ">角色列表</a></li>
                    <li onclick="jumpUrl('role_add.html')"><a href="# ">添加角色</a></li>
                </ul>
            </li>
            <li>
                <a href="# ">皮肤模块</a>
                <ul class="sub-menu ">
                    <li onclick="jumpUrl('role_skins.html')"><a href="# ">皮肤列表</a></li>
                    <li onclick="jumpUrl('roleskin_add.html')"><a href="# ">添加皮肤</a></li>
                </ul>
            </li>
            <li>
                <a href="# ">公司模块</a>
                <ul class="sub-menu ">
                    <li onclick="jumpUrl('copyright.html')"><a href="# ">公司列表</a></li>
                    <li onclick="jumpUrl('copyright_add.html')"><a href="# ">添加公司</a></li>
                </ul>
            </li>
            <li>
                <a href="# ">角色类型模块</a>
                <ul class="sub-menu ">
                    <li onclick="jumpUrl('roletype.html')"><a href="# ">角色类型列表</a></li>
                    <li onclick="jumpUrl('roletype_add.html')"><a href="# ">添加角色类型</a></li>
                </ul>
            </li>
            <li>
                <a href="# ">游戏类型模块</a>
                <ul class="sub-menu ">
                    <li onclick="jumpUrl('gametype.html')"><a href="# ">游戏类型列表</a></li>
                    <li onclick="jumpUrl('gametype_add.html')"><a href="# ">添加游戏类型</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="content ">
        <iframe class="iframe" src="./users.html " frameborder="0 "></iframe>
    </div>
    <div class="footer ">
        <p>&copy; 2023 SuperZHEN Inc</p>
    </div>
    <script src="./JS/ajax.js"></script>
    <script src="./JS/home.js"></script>
</body>

</html>